<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>坐标定位</title>
    <script type="text/javascript">
        function cnvs_getCoordinates(e){
            x = e.clientX;
            y = e.clientY;
            document.getElementById("xy").innerHTML = "Coordinates: (" + x + "," + y + ")";
        }
        function cnvs_clearCoordinates(){
            document.getElementById("xy").innerHTML = "";
        }
    </script>
</head>
<body>
<div id="coordiv" style="float:left;width:199px;height:99px;border:1px solid #c3c3c3"
     onmousemove="cnvs_getCoordinates(event)" onmouseout="cnvs_clearCoordinates()"></div>
<br/><br/><br/>
<div id="xy"></div>

</body>
</html>